<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>goods</title>
</head>
<style>
    span{
        margin-left: 5%;
    }
    p:nth-child(1){
        margin-top: 20%;
    }
    p{
        margin-top: 8%;
    }
</style>
<body>
    <div class="goods">
        <img src="img/goods.jpeg" alt="" style=" display: inline-block; vertical-align: top; width: 350px; height: 350px;">
        <div class="goods-container" style="display: inline-block; width: 300px;">
            <p class="goods"><strong>商品名:</strong><span>爱尔兰的野马</span></p>
            <p class="goods"><strong>成色：</strong><span>8成</span></p>
            <p class="goods"><strong>数量：</strong><span>4</span></p>
            <p class="goods"><strong>单价：</strong><span>$20.00</span></p>
            <p class="goods"><strong>详情：</strong><span>暂无介绍</span></p>
            <p class="goods"><strong>分类：</strong><span>演员的自我修养</span></p>
        </div>
        <div style="margin-top: 2%; margin-left: 15%;"><button style="background:#8c03e2; border-radius:10px; width: 130px; height: 50px; color: white; font-size: 18px;">加入购物车</button></div>
    </div>
    <div class="message">
        <p class="mesP">留言：</p>
        <textarea name="myMessage" id="myMessage" cols="80" rows="10" style="-moz-box-shadow:2px 1px 13px #333333; -webkit-box-shadow:2px 1px 13px #333333; box-shadow:2px 1px 13px #333333;"></textarea><br><br>
        <input type="button" name="mesButton" value="发表" style="background:#8c03e2; margin-left: 15%; border-radius:10px; width: 100px; height: 30px; color: white; font-size: 15px; ">
        <div class="mesUserName">用户：六疯子</div>
        <div class="mesTime">发表于：2019-12-11</div>
    </div>
</body>
</html>